﻿body
{
	line-height:150%;
}

.pl { margin:0.5em; font-size:14px; margin-left:5%;line-height: 150%; color: #666666; }


#prodPic{margin:8px 4px 0 8px; float:left; max-height:300px;max-width:400px; overflow:hidden;}

#info{margin:8px 0 8px 4px; float:left; max-height:600px; max-width:700px; overflow:hidden;}

#price{ margin-left:10%;}

#desc{margin:0 5%; max-width:500px;overflow:hidden;}

#qty{margin-left:4%;}

#addToCart{margin-left:40%;}

#cartText {
    margin-left:40%;
    border: 1px solid #006;
    background: #ccf;
    font-size:12px;
}
#cartText:hover {
    border: 1px solid #006;
    background: #eef;
}

.wi{width:520px}

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
.clearfix { display: block }

.clear{clear:both;}

/*Button Style*/
.button {
    float:left;
    height:auto;
    font:76%/150% "Lucida Grande", Geneva,
    Verdana, Arial, Helvetica, sans-serif;
    width:10em;
    text-align:center;
    white-space:nowrap;
}

#prev{margin-left:30%;}

#next{float:right; margin-right:30%;}

/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
.button a:link, .button a:visited {
    color: #eee;
    background-color:#1e5184;
    font-size:14px;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
    margin: 0.2em;
    padding:0.2em;
    display:block;
}
.button a:hover {
    background-color:#003366;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
    margin: 0.2em;
}